<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <cpn></cpn>
</div>
  <script src="../../../project_practice/lunbotu/vue.js"></script>
  <script>
//     const cpn1 = Vue.extend({
//       template:`
//       <div>
//       <h2>标题</h2>
//       <p>段落</p>
// </div>
//       `
//     })

    const app = new Vue({
      el:'#app',
      data:{
        message:"你好啊！！"
      },
      // components:{
      //   cpn:cpn1
      // }
      components:{'cpn':{
          template:`
      <div>
      <h2>标题</h2>
      <p>段落</p>
</div>
      `
        }}
    })
  </script>
</body>
</html>